<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的订单</title>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/header.css">
</head>
<body>
  <!-- 页面顶部 -->
  <div class="container">
    <header>
      <div class="ad-product"><a href="#"></a></div>
      <span class="close">×</span>
      <!-- 导航栏 -->
      <nav>
        <div class="nav-group w">
          <div class="nav-bar-l">
            <ul>
              <li><a href="#">首页</a></li>
              <li></li>
              <li><a href="#">华为官网</a></li>
              <li></li>
              <li><a href="#">花粉俱乐部</a></li>
              <li></li>
              <li><a href="#">V码(优购码)</a></li>
              <li></li>
              <li><a href="#">企业购</a></li>
              <li></li>
              <li><a href="#">Select Region</a></li>
              <li></li>
              <li>更多精彩<span></span>
                <ul class="secondary-nav">
                  <li><a href="#">EMUI</a></li>
                  <li><a href="#">应用市场</a></li>
                  <li><a href="#">华为终端云空间</a></li>
                  <li><a href="#">开发者联盟</a></li>
                </ul>
              </li>
            </ul>
          </div>
          <div class="nav-bar-r">
            <ul>
              <li><a href="">请登录</a></li>
              <li></li>
              <li><a href="">注册</a></li>
              <li></li>
              <li><a href="">我的订单</a></li>
              <li></li>
              <li>客户服务<span></span>
                <ul class="secondary-nav">
                  <li><a href="#">客户服务</a></li>
                  <li><a href="#">联系客户</a></li>
                </ul>
              </li>
              <li></li>
              <li>网站导航<span></span>
                <div class="webnav secondary-nav">
                  <div class=""><span class="icon iconfont icon-aui-icon-home"></span><a href="#">
                      <p>商城首页</p>
                    </a></div>
                  <div class="">
                    <dl>
                      <dt>频道</dt>
                      <dd><a href="#">华为专区</a></dd>
                      <dd><a href="#">企业购</a></dd>
                    </dl>
                  </div>
                  <div class="">
                    <dl>
                      <dt>产品</dt>
                      <dd><a href="#">华为专区</a></dd>
                      <dd><a href="#">企业购</a></dd>
                      <dd><a href="#">企业购</a></dd>
                      <dd><a href="#">企业购</a></dd>
                      <dd><a href="#">华为专区</a></dd>
                      <dd><a href="#">企业购</a></dd>
                      <dd><a href="#">企业购</a></dd>
                      <dd><a href="#">企业购</a></dd>
                    </dl>
                  </div>
                  <div class="">
                    <dl>
                      <dt>增值服务</dt>
                      <dd><a href="#">企业购</a></dd>
                      <dd><a href="#">企业购</a></dd>
                    </dl>
                  </div>
                  <div class="">
                    <dl>
                      <dt>会员</dt>
                      <dd><a href="#">华为专区</a></dd>
                      <dd><a href="#">企业购</a></dd>
                    </dl>
                  </div>
                </div>
              </li>
              <li></li>
              <li>手机版<span></span>
                <div class="downloadApp">
                  <div>1</div>
                  <div>1</div>
                  <div>1</div>
                </div>
              </li>
              <li></li>
              <li><a href="">购物车(0)</a></li>
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <!-- logo区域和商品导航栏 -->
    <div class="w pro-nav">
      <div class="logo">
        <h1>1111</h1>
      </div>
      <div class="prolist">
        <ul>
          <li><a href="#" class="huawei">华为专区</a></li>
          <li><a href="#" class="rongyao">荣耀专区</a></li>
          <li><a href="#">P40系列</a></li>
          <li><a href="#">荣耀30</a></li>
          <li><a href="#">智能家居</a></li>
        </ul>
      </div>
      <div class="search">
        <form action="https://www.baidu.com" method="get">
          <input type="text" placeholder="Mate40系列"><button class="iconfont search-icon icon-search"></button>
        </form>
      </div>
    </div>

  </div>
  <!-- 页面底部 -->
</body>
</html>